<!DOCTYPE html>
<@compress single_line=isCompress>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${platform} - 登录</title>
    <style type="text/css">
        html { overflow: hidden; }
        .pace { display: none; }
    </style>
	<#include "/pager/common/quote.ftl" />
</head>
<body id="signin-page" class="animated bounceInDown">
<div id="sky"></div>
<div id="signin-page-content">
    <form id="loginForm" action="login.html" class="form" method="post" onsubmit="return false;"><h1 class="block-heading">登录</h1>

        <p>登录${platform}!</p>

        <div class="form-group">
            <div class="input-icon"><i class="fa fa-user"></i><input type="text" placeholder="用户名" id="username" name="username" class="form-control"></div>
        </div>
        <div class="form-group">
            <div class="input-icon"><i class="fa fa-key"></i><input type="password" placeholder="密码" id="password" name="password" class="form-control"></div>
        </div>
        <div class="form-group">
        		<input style="width:50%;height:34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;" type="text" name="authCode"  value="" maxlength="4" placeholder="4位验证码">
        		<img src="auth_code.jpg" onclick="$(this).attr('src', 'auth_code.jpg?' + new Date());" id="authCodeImage" width="95" height="30px"/>
				<a onclick="$('#authCodeImage').attr('src', 'auth_code.jpg?' + new Date());">换一张</a>
    	</div>
        <div class="form-group">
            <div class="checkbox"><label><input type="checkbox">&nbsp;
                记住密码</label></div>
        </div>
        <div class="form-group">
            <button id="submit" type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-log-in"></i>&nbsp;登录</button>
        <hr>
    </form>
</div>
<div id="cloud"></div>
</body>
</html>
</@compress>